.md-icon {
  @include md-theme-component() {
    &.md-icon-image {
      svg {
        @include md-theme-property(fill, icon, background);

        &.md-primary {
          @include md-theme-property(fill, primary, background);
        }

        &.md-accent {
          @include md-theme-property(fill, accent, background);
        }
      }
    }

    &.md-icon-font {
      @include md-theme-property(color, icon, background);

      &.md-primary {
        @include md-theme-property(color, primary, background);
      }

      &.md-accent {
        @include md-theme-property(color, accent, background);
      }
    }
  }
}
